@font-face {font-family: 'Lato';src: url('../fonts/Lato-Regular.woff2');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: "Montserrat";src: url("../fonts/Montserrat-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}
@font-face {font-family: 'Montserrat';src: url('../fonts/Montserrat-SemiBold.woff2');font-weight: 600;font-style: normal;font-display: swap}
:root {
    --theme-font: Lato,"Helvetica Neue", Arial, sans-serif;
    --theme-title-font: Montserrat, Arial, "Noto Sans", sans-serif;
}
@media(min-width:1366px) {
    .container-xl {
        max-width: 1300px
    }
}
.main-container{ padding-top: 60px;padding-bottom: 60px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 20px;}
}
body {
    color: #444;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont,Lato,"Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.search-group{ max-width: 200px;}
.search-group .form-control{border-right-width: 0;border-radius: 12px 0 0 12px;}
.search-group .btn {border: 1px solid #ced4da;border-left-width: 0;border-radius: 0 12px 12px 0;color: #777;}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.form-feedback .form-control{ border: 1px solid #e6e6e6;background: #f8f8f8;border-radius: 3px;}
.form-control::placeholder {color: #999;font-size: 14px;}
.form-feedback .btn{color: #777;color: #fff;background:#174592}

/*#region top bar*/
.top-bar{ padding: 6px 0;border-bottom: 1px solid #f2f2f2;color:#666;line-height: 1;font-size: 14px;}
.top-bar .row>*{ display: flex;align-items: center;}
.top-bar a{color:#666}
.top-bar .split{margin:0 12px;}
.top-bar .icon{ margin-right: 0.25rem;line-height: 1;}
.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}
/*#endregion*/

.navbar{top: 0;z-index: 100;background:#fff;box-shadow: 0 1px 0px #eee}
.navbar-brand{ padding: 12px 0;}
.navbar-brand>.img-fluid{max-width: 220px}
.navbar-nav .nav-item{ padding: 0rem 20px;}
.navbar-nav .nav-link {flex-grow: 0;padding: 0.5rem 0rem;text-transform: uppercase;color:#444;}
.navbar-nav .nav-link:before{position: absolute;bottom: 0;content: "";border-bottom: solid 2px #174592;transition: all 0.3s ease;width: 0;left:0}
.navbar-nav .nav-link:hover:before,.navbar-nav .nav-link.active:before{ width: 100%;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color: #174592}
.navbar-nav .dropdown-item{ font-size: 14px;}
@media(max-width:1200px) {
    .navbar-nav .dropdown-menu{ width: 100%;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
@media(max-width:768px){
    .navbar-brand{ padding: 8px 0 8px 12px;}
	.navbar-brand>.img-fluid{max-width: 180px}
}
/*.offcanvas-menu{ background: #009fe3;}*/
.offcanvas-title{ font-size: 18px;font-weight: 500;}
.offcanvas-menu .nav-item{border-bottom: 1px solid #f2f2f2;padding: 0 8px;}
.offcanvas-menu .nav-item.active{background:#f2f2f2;}
.offcanvas-menu .nav-link{ padding-top: 10px;padding-bottom: 10px;}
/*.offcanvas-menu .nav-link,.offcanvas-menu .drop{ color: #444;}*/

.layout-wrapper{ background: #fafafa;padding:30px 15px;;border: 1px solid #f2f2f2;}
.layout-wrapper .title{ position: relative;font-family: var(--theme-title-font);font-size:22px;font-weight: 700;margin-bottom: 30px;padding-bottom: 15px;}
.layout-wrapper .title:after{ position: absolute;bottom: 0;display: block;content: "";width: 60px;height: 4px;background: #174592;}

.sidebar{ top: 0;margin-bottom: 1.25rem;}

.menu-collapse{border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7}
.menu-collapse .collapse-title{padding: 0.875rem;background: #0f68bb;color: #fafafa;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.2s;color: #666;border-bottom: 1px solid #e7e7e7}
.menu-collapse ul ul .menu-link{padding: 12px 16px 12px 25px;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.menu-collapse .menu-link:hover{ background: #f8f9fa;color:#0f68bb}
.menu-collapse .menu-link.active{background: #f6f6f6;color:#0F68BB}

/*#region page-title*/
.page-title{padding: 48px 0;background: url(images/inner-page.jpg) no-repeat center center;;background-size: cover;line-height: 1;}
.page-title>.container-xl,.page-title>.container-fluid{ display: flex;justify-content: space-between;align-items: center;}
.page-title .title{font-family: var(--theme-title-font);margin-bottom: 0;font-size: 1.5rem;color: #fff;font-weight: 600;text-align: center;align-self: center;}
.page-title .breadcrumb a{color:#fff;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 6px;color:#fff}
.page-title .breadcrumb-item:before{ color: #fff;}
@media(max-width:768px) {
    .page-title{padding:26px 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 24px;margin-bottom: 14px;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    .page-main-title{ font-size: 1.25rem;}
}
/*#endregion*/

.side-wrapper{ background: #F5F5F5;padding: 25px 20px;margin-bottom: 1.5rem;}
.side-wrapper .title{margin-bottom: 1rem;font-size: 1rem;font-weight: 600;color: #1f365c;text-transform: uppercase}
.media-article{ margin-top: 1.25rem;}
.media-article img{ max-width: 60px;margin-right: 12px;}
.media-article .post-title{ font-size: 0.875rem;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.75rem;color:#8c95a2}
.side-wrapper .product-col .card-title{ padding: 0.5rem 0.25rem;font-size: 0.75rem;}
.side-wrapper .product-col .card-thumb{ border: 1px solid #fff;}
@media(max-width:992px) {
    .side-wrapper{ padding: 25px 20px;}
    .media-article img{max-width:90px}
}

/*#region category index & cateogyr summary*/
.category-wrapper{}

.category-title{display:flex;justify-content: space-between;padding:18px 15px;;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-family: var(--theme-title-font);font-weight: 600;font-size: 20px;margin-bottom: 0;text-transform: uppercase;}
.category-title h3 a{color:#002A53}
.category-wrapper .more{ text-transform: uppercase;color:#1367af;font-weight: 500;}
.category-summary{ margin: auto;width: 90%;line-height: 1.8;margin-bottom: 30px;}
.category-summary p{ margin-bottom: 0;}
@media(max-width:768px){
    .category-title h3{font-size:16px;}
}
/*#endregion*/

/*#region row&col item*/
.thumbnail:hover img{transform: scale(1.02)}
.article-row{margin-bottom:40px;}
.article-row:hover .entry-thumbnail:before{ opacity: 0.2;}
.article-row .entry-wrapper{padding: 0px 20px;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-meta span{font-size: 1.5rem;font-weight: 600;color: #009fe3;}
.article-row .entry-title{ font-family: var(--theme-title-font);font-weight: 600;font-size: 24px;margin-bottom:15px;}
.article-row .entry-title a{color:#222;}
.article-row .entry-content{ color: #888;}
.article-row .read-more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
.article-row .read-more .icon{padding-left:5px;}
.article-row .read-more:hover{color:#fac012}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .article-row .entry-title{ font-size: 20px;}
}

.article-col{margin-bottom:40px;}
.article-col:hover .thumbnail:before{ opacity: 0.2;}
.article-col .entry-wrapper{ padding:15px 0}
.article-col .entry-meta{ padding-bottom: 10px;color: #959595;font-size:14px;}
.article-col .entry-meta time:before{ font-family: CmsFont;content: "\f017";color:  #f1bf37;margin-right:5px;}
.article-col .entry-meta span:before{ font-family: CmsFont;content: "\f007";color: #f1bf37;margin-right:5px;}
.article-col .entry-title{font-family:var(--theme-title-font); font-size: 16px;font-weight: 500;margin-bottom: 12px;}
.article-col .entry-title a{color:#444;}
.article-col .entry-content{line-height: 1.45;color: #9e9e9e;font-size: 14px;}

.product-row{margin-bottom:40px;}
.product-row:hover .entry-thumbnail:before{ opacity: 0.2;}
.product-row .entry-wrapper{padding: 0px 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}

.product-col{ margin-bottom: 25px;transition: all ease 0.4s;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}

/*.product-col .thumbnail:before{opacity:0.03}*/
.product-col:hover .thumbnail:before{opacity: 0.07}
.product-col .entry-wrapper{ padding: 14px 8px;flex-grow: 1;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:14px;line-height: 1.5;margin-bottom:0px;}
.product-col .entry-title a{color:#333;}


.img-col{ margin-bottom: 1.25rem;}
.img-col .entry-wrapper{;margin: 0;padding: 0.875rem 0.75rem;text-align: center;background:#f6f6f6}
.img-col .entry-title{ margin: 0;font-size:16px;}

.cert-col{ margin-bottom: 1.25rem;border: 1px solid #eee;}
.cert-col .entry-wrapper{margin: 0;padding: 0.875rem 0.75rem;text-align: center;background: #EEE;}
.cert-col .entry-title{ margin: 0;font-size:16px;}

.video-col{margin-bottom:1.25rem;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;}
.video-col .entry-title{ margin: 0;font-size:16px;text-align: center;}

.faq-row{ margin-bottom: 1rem;}
.faq-row .entry-title{ background: #f6f6f6;font-family: Raleway;font-size: 1rem;font-weight: 400;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer;transition: all ease 0.2s;}
.faq-row .entry-title:hover{ background: #f2f2f2;color:#A46529;}
.faq-row .entry-wrapper{ padding: 1rem;border: 1px solid #eee;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}
@media(max-width:768px) {
    .faq-row .entry-title{font-size:1rem;}
}
/*#endregion*/
/*#region sidebar*/
.sidebar {}
.widget{ margin-bottom: 30px;}
.widget-header{ margin-bottom: 30px;border-bottom:1px solid #e5e5e5}
.widget-header .title{position:relative;font-family:var(--theme-title-font);font-size:24px;font-weight:700;color:#444;margin: 0;padding:12px 0;}
.widget-header .title:after{position:absolute;bottom:0;content:"";display:block;width:70px;height:3px;background:#174592;}
.widget-header .drop{padding: 0.25rem 0.75rem;font-size: 1rem;color: #aaa;}
@media(max-width:768px) {
    .widget-header{ margin-bottom: 15px;background: #f6f6f6;padding-left:12px;}
}

.widget-collapse{}
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 10px 12px;}
.widget-collapse .sub-menu .menu-link{padding:10px 15px 10px 20px;}
.widget-collapse .menu-link:hover{color:#ec5a31}
.widget-collapse .menu-link:before{ font-family:cmsfont;content: "\f105";font-size:0.875rem;margin-right: 8px;color:#999}
.widget-collapse .menu-item.active .menu-link{ color:#0f68bb;}
.widget-collapse .drop{color: #112988;}

@media(max-width:768px) {
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}
.media-article{ display:flex;align-items:flex-start;margin-bottom: 1.25rem;}
.media-article img{ max-width: 75px;margin-right: 12px;}
.media-article .post-title{ font-size:14px;rem;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:90px}
}
.media-product{ display:flex;margin-bottom: 1.25rem;}
.media-product img{ max-width: 85px;margin-right: 12px;border:1px solid #f2f2f2;}
.media-product .post-title{font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a{ transition: color ease 0.2s;}
.media-product .post-title a:hover{color:#C42729}
.media-product p{font-size:14px;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}
/*#endregion*/

.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #E64545 !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 1rem;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ font-family:Montserrat;color: #333;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #83868c;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:1.5rem 1rem;}
}

.share-box{ padding: 20px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;}

.share{display:flex;align-items:center;}
.share .social>span{background:#f5f5f5 !important;color:#999 !important;}
.share .social>span:hover{background:#fac012 !important;color:#fff !important;}
.share .share-title{font-size:16px;margin-right:15px;font-weight:300;}
@media(max-width:768px){
    .share{flex-direction:column;justify-content:center;margin-bottom:20px;}
    .share .share-title{margin-bottom:0.5rem;}
}
.post-navigation{display:flex;line-height:1.5;font-size:1rem;align-items:center;}
.post-navigation a{padding:5px 0;line-height:1;display:flex;align-items:center;text-transform:uppercase;}
.post-navigation i{font-weight:500;font-size:1.25rem;}
.post-navigation .nav-prev{padding-right: 10px;border-right: 0.5px solid #f7f7f7;}
.post-navigation .nav-prev .icon{ margin-right: 5px;}
.post-navigation .nav-next{padding-left: 10px;}
.post-navigation .nav-next .icon{ margin-left: 5px;}
@media(max-width:768px){
    .post-navigation{justify-content:center;}
}

.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .entry-wrapper{ margin-bottom: 20px;}
.product-head .title {font-family: Montserrat;font-size: 16px;line-height: 1.6;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ display: block;background: #174592;color: #fff;font-size: 1rem;padding: .4rem .75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}

/*#region contact page*/
.contact-wrapper{}
.contact-wrapper .title {font-family: var(--theme-title-font);font-size: 26px;font-weight: 500;color: #333;margin-bottom: 1.5rem;}
.contact-wrapper p {margin-bottom: 0.875rem;}
/*#endregion*/

/*#region footer*/
footer {padding-top: 60px;background: #404040;color:#ddd;font-size: 14px;}
footer a{ color: #ddd;transition: all ease 0.2s;}
footer .container-xl>.row>[class*="col-"]{margin-bottom:35px;}
footer .logo{ max-height: 40px;margin-bottom: 20px;}
footer .title{position: relative;font-family: Montserrat;font-size: 20px;padding-bottom:15px;margin-bottom:20px;font-weight: 500;color: #f2f2f2;border-bottom:4px solid rgba(255, 255, 255, 0.03);}
footer .title:after{ position: absolute;bottom: -4px;display: block;content: "";width: 40px;height: 4px;background: #01b9e6;border-radius: 2px;}

footer a:hover{ color: #fac012;}

footer .contact li{margin:10px 0 0;}
footer .category{ margin-bottom: 0;}
footer .category li{ padding: 3px 0;}
footer .category li.col-6{ padding: 3px 15px;}
footer .category a:before{font-family: CmsFont;content: "\f112";margin-right:5px;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;color: #fff;background: #333333;color:#e9e9e9}

/*#endregion*/

#faq-page .card{ margin-bottom: 1rem;}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}

/*#region module design page*/
.design-wrapper{ padding: 56px 0 24px}
.design-wrapper .wrapper{ padding: 30px 0;}
.design-wrapper .number {font-family: Montserrat;font-weight: 600;color: #d6d5d5;font-size: 48px;}
.design-wrapper h3 {font-family: Montserrat;font-size: 20px;font-weight: 500;text-transform: uppercase}
.design-wrapper:nth-of-type(even){background:#f5f5f5}
.design-col{ margin-bottom: 25px;}
.design-col .entry-title {font-size: 16px;font-weight: 400;padding: 0.5rem;text-align: center;}
@media(max-width:768px) {
    .design-wrapper{ padding: 20px 0 0px}
    .design-wrapper .wrapper{padding:0 0 20px;}
    .design-wrapper .number{ font-size: 36px;}
}
/*#endregion*/
.company-features {background-color: rgb(247, 247, 247);padding:40px 0;text-align: center;font-size:14px;}
.company-features .col,.company-features .col-12{ padding-top: 10px;padding-bottom: 10px;}
.company-features span{ font-family: Montserrat;font-weight: 600;font-size: 34px;color:#174592}
.company-features sup{font-size:20px;}
.company-features p{ margin-bottom: 0;}
@media(max-width:992px) {
    .company-features span{ font-size: 26px;}
    .company-features{ padding: 20px 0;}
}

.company-wrapper {line-height: 1.6;padding:30px 0 30px;}
.company-wrapper .title {font-family: Montserrat;font-size:28px;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #01b9e6;border-radius:2px;}

/*history*/
.history-wrapper{}
.history-wrapper .title {font-family: Montserrat;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.history-wrapper .title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #01b9e6;border-radius:2px;}
.history-item{ display: flex;align-items: center;flex-grow: 0;}
.history-item .year{position: relative;flex-basis: 130px;flex-shrink: 0;font-family: Montserrat;font-size: 20px;font-weight: 600;color:#174592;padding:16px 20px;text-align: center;align-items: center;}
.history-item .year:before{position:absolute;z-index:2;top:24px;right: -8px;content:"";width:16px;height:16px;border-radius:16px;background:#999999;border:3px solid #ddd;transition:all ease .2s;}
.history-item .summary{position: relative;color:#666;transition:all ease .2s;border-left:1px solid #ddd;padding: 24px 30px;}
.history-item:hover .year:before{top:20px;}
@media(max-width:768px) {
    .history-item .year{flex-basis: 100px;}
}


.home-title{ position: relative;font-family: var(--theme-title-font);font-size: 32px;margin-bottom: 35px;font-weight: 600;color: #111;text-transform: uppercase;letter-spacing: 2px;}
.home-title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #01b9e6;border-radius:2px;}

.theme-btn{display: inline-block;background: #01A8D1;font-size: 14px;color:#fff;padding: 7px 28px;font-family: var(--theme-title-font);font-weight: 600;text-transform: uppercase;margin-bottom: 25px;transition: all ease 0.2s;}
.theme-btn:hover{ background: #0f68bb;color:#ffffff;}
@media(max-width:768px) {
    .home-title{ font-size: 26px;}
}

.home-products{ padding: 100px 0 80px;}
.home-products .summary{ margin-bottom: 20px;font-weight: 400;color: #666;font-size:14px;}
@media(max-width:768px) {
    .home-products{ padding: 50px 0 30px;}
}

.home-company{color: #666;padding: 60px 0 60px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company .home-title{text-align: center;}
.home-company .home-title:after{ margin-left: auto;margin-right:auto;}
.home-company .more{ display: inline-block;background: #F7C02D;padding: 12px 40px;border-radius: 6px;font-weight: 500;}
@media(max-width:768px) {
    .home-company .col-12:first-child{ margin-bottom: 20px;}
}

.home-news{ padding: 60px 0;}
.home-news .more {display:inline-block;background: #0f68bb;transition-duration: .3s;border-radius: 0; color: #fff; padding: 0.7rem 2.5rem;border-radius: 15px;}
.home-news .more:hover {background:#0188d3;color:#fff;}